@use "sass:map";
@use "sass:math";

:root {
  // 主色
  --n-primary: #267df7;
  --n-primary-hover: #4996ff;
  --n-primary-bg: #eaf0ff;
  // 侧边栏
  --n-aside: #33373e;
  --n-aside-menu: #262a30;
  --n-aside-menu-text: #e7e7e8;
  --n-aside-menu-selected: #24282e;
  --n-aside-menu-hover: #414750;
  --n-aside-collapse: #d1d2d4;
  // 中性色
  --n-black: #000000;
  --n-black-light-1: #323233;
  --n-black-light-2: #646566;
  --n-black-light-3: #969799;
  --n-black-light-4: #c8c9cc;
  --n-black-border: #ebedf0;
  --n-black-hover: #f5f6f7;
  --n-black-bg: #f9f9f9;
  // 白色
  --n-white: #ffffff;
  // success
  --n-success: #52c41a;
  --n-success-hover: #52c41a;
  --n-success-bg: #f0faf2;
  // error
  --n-error: #ff4d4f;
  --n-error-hover: #ff7172;
  --n-error-bg: #ffeeee;
  // warning
  --n-warning: #faad14;
  --n-warning-hover: #ffc757;
  --n-warning-bg: #fff3db;
  // link
  --n-link: #267df7;
  // border-radius
  --n-radius: 2px;
}

:root {
  --n-header-menu-height: 50px;
  // 过渡时间
  --n-transition: 0.3s;
}

$primary: var(--n-primary);
$success: var(--n-success);
$warning: var(--n-warning);
$error: var(--n-error);

@mixin ell($value: 1) {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  /*设置省略号在容器第二行文本后*/
  -webkit-line-clamp: #{$value};
  overflow: hidden;
}
